<!DOCTYPE html>
<html>
	<head>
		<meta charset='utf-8'>
		<meta name='viewport' content='maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0'/>
		<meta name='format-detection' content='telephone=no,email=no,date=no,address=no'>
		<title>教学成果</title>
		<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
		<link rel='stylesheet' type='text/css' href='../../css/api.css'/>
		<link rel='stylesheet' href='../../css/mui.min.css' />
		<link rel='stylesheet' href='../../css/base.css'/>
		<style>
			body {
				background-color: #f3f5f7;
			}
			.base_left_item {
				    position: fixed;
				    top: 13px;
				    left: 8px;
				    z-index: 10;
			}
			.base_back_icon {
		    height: 26px;
		    position: absolute;
		    top: 50%;
		    left: 15px;
		    margin-top: -11px;
           }
			.img_title_bg_styel {
				width: 100%;
			}
			.title-style {
				position: relative
			}
			.base_div_style {
				position: absolute;
				top: 70%;
				width: 100%;
			}
			.border-style-div {
				border: 1px solid #FFFFFF;
				border-radius: 10px;
				box-shadow: 1px 1px 1px #d9d9d9;
				background-color: #FFFFFF;
				padding: 10px 10px 10px 10px;
				margin: 10px 10px 10px 10px;
			}
			.letter-spacing-text {
				letter-spacing: 1.5px
			}
			.dot-style {
				border-radius: 40px;
				width: 10px;
				height: 10px;
				background-color: #000000;
				/*margin-bottom: 1.5px;*/
			}
			.style-span {
				font-size: 14px;
				float: left;
				width: 20%
			}
			.selectCompany .wraptop {
				position: relative;
				width: 100%;
				background: #fff;
				z-index: 99;
			}
			.selectCompany .dropdown {
				top: 10px;
				left: 50%;
				width: 75%;
				height: 40px;
				border: 1px solid #18b4ed;
				margin: 10px 10px 10px 20px;
				line-height: 40px;
			}
			.selectCompany .sanjiao {
				display: inline-block;
				width: 40px;
				height: 100%;
				float: right;
				border-left: 1px solid #18b4ed;
				position: relative;
				background: #18b4ed;
			}
			.selectCompany .sanjiao img {
				position: absolute;
				left: 50%;
				top: 35%;
				width: 16px;
				transform: translate(-50%, 0);
				-webkit-transform: translate(-50%, 0);
			}
			.selectCompany .className {
				text-indent: 10px;
				font-size: 14px;
				width: 85%;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden
			}
			.selectCompany .droplist {
				position: absolute;
				width: 90%;
				left: 32px;
				top: 52px;
				border-radius: 0px;
				opacity: 1;
				z-index: 999;
			}
			.selectCompany .span1 {
				margin-top: 19px;
			}
			#dropdownlist {
				position: absolute;
				width: 78%;
				left: 80px;
				top: 50px;
				z-index: 999;
				background-color: #f3f3f3;
				padding-left: 5px;
				padding-right: 5px;
			}
			#dropdownlist > div {
				/*		line-height: 32px;*/
				font-size: 14px;
				color: #333333;
				margin-top: 6px;
			}
			.course-span-style {
				position: absolute;
				top: 18px;
				left: 10px;
			}
			.div_buton {
				width: 33%;
				text-align: center;
				margin-top: 10px;
				float: left;
				background-color: #fff;
				padding-top: 10px;
				padding-bottom: 10px;
			}
			.div_buton_div {
				/*	padding-top: 10px;
				 padding-bottom: 10px;
				 width: 90px;
				 background-color: #fff;
				 display: inline-block;*/
				margin-right: 30px;
				margin-left: 30px;
			}
			.imgSet {
				width: 30px;
				height: 30px;
			}
			.div-border-height {
				/*height: 40px;*/
			}
			.div-border-left {
				border-left-color: #18b4ed;
				border-left-width: 3px;
				border-left-style: solid;
				padding-left: 10px;
				margin-left: 10px;
				/* color: #00000;*/
				font-size: 16px;
			}
			.color1 {
				background-color: #66cc00;
			}
			.color2 {
				background-color: #ff9900;
			}
			.color3 {
				background-color: #99cc33;
			}
			.color4 {
				background-color: #f16bea;
			}
			.color5 {
				background-color: #ffcc00;
			}
			.color6 {
				background-color: #09cc33;
			}
			.color7 {
				background-color: #f47878;
			}
			.color8 {
				background-color: #ac76fc;
			}
			.color9 {
				background-color: #ff66cc;
			}
			.color10 {
				background-color: #1269db;
			}
			.color11 {
				background-color: #19b4ed;
			}
			.color12 {
				background-color: #f2353b;
			}
			.div-bg-image1 {
				background-image: url(../../image/grbg1.jpg);
				background-size: 100%;
				padding-top: 8px;
				padding-bottom: 8px;
				color: #FFFFFF;
				font-size: 12px;
				text-align: center;
				margin-right: 5px;
				margin-left: 5px;
			}
			.div-bg-image2 {
				background-image: url(../../image/grbg2.jpg);
				background-size: 100%;
				padding-top: 8px;
				padding-bottom: 8px;
				color: #FFFFFF;
				font-size: 12px;
				text-align: center;
				margin-right: 5px;
				margin-left: 5px;
			}
			.div-bg-image3 {
				background-image: url(../../image/grbg3.jpg);
				background-size: 100%;
				padding-top: 8px;
				padding-bottom: 8px;
				color: #FFFFFF;
				font-size: 12px;
				text-align: center;
				margin-right: 5px;
				margin-left: 5px;
			}
			.div33 {
				width: 33.33%;
				float: left;
			}
			.aui-tab-item.aui-active {
				color: #19b4ed;
				border-bottom: 2px solid #19b4ed;
			}
			.aui-tab-item {
				width: 100%;
				height: 2.2 rem;
				line-height: 2.2 rem;
				position: relative;
				font-size: 14px;
				text-align: center;
				color: #666666;
				margin-left: -1px;
				-webkit-box-flex: 1;
				box-flex: 1;
			}
			.aui-tab {
				margin-bottom: 10px;
			}
			.fx-life-stye {
				background-color: #D9D9D9;
				height: 2px;
				margin-top: 19px;
			}
			.life33 {
				float: left;
				width: 33%;
			}
			.fx-div-style {
				line-height: 40px;
				margin-right: 10px;
				margin-left: 10px;
				text-align: center
			}
			.line-right10{
				background-color: #19b4ed;
				height: 2px;
				width:30px;
				float: right;
			/*	z-index: 2;
				margin-top: 18px;*/
			}
				.line-left10{
				background-color: #19b4ed;
				height: 2px;
				width:30px;
				float: left;
			/*	z-index: 2;
				margin-top: 18px;*/
			}
		</style>
	</head>
	<body>
		<div  class='title-style'>
			<img src='../../image/grtecbg.png'  class='img_title_bg_styel'/>
			<a class='base_left_item' href='#' onclick='backClick()'> <img class='base_back_icon' src='../../image/icon_bgback.png' alt=''> </a>
			<div class='base_div_style clearfix'>
				<div class='clearfix div_buton_div'>
					<div class='div_buton' id='chakan_ribao'>
						<img src='../../image/grcourse.png' class='imgSet' />
						<div class='font16 base_black_grey '>
							<span id="coursenumId">10</span>门</br> <span class='base_dark_grey_shallow base_content_font'>课程</span>
						</div>
					</div>
					<div class='div_buton' id='chakan_ribao'>
						<img src='../../image/grstudest.png' class='imgSet' />
						<div class='font16 base_black_grey '>
							<span id="studentumId">200</span>人	</br> <span class='base_dark_grey_shallow base_content_font'>学生</span>
						</div>
					</div>
					<div class='div_buton' id='chakan_ribao'>
						<img src='../../image/grtime.png' class='imgSet' />
						<div class='font16 base_black_grey '>
							<span id="timenumId">6</span>小时	</br> <span class='base_dark_grey_shallow base_content_font'>学习时长</span>
						</div>
					</div>
				</div >
			</div >
		</div >
		<div id='mian' style='margin-top: 66px;' >
			<div class='border-style-div'>
				<div class='base_dark_grey_shallow base_content_font letter-spacing-text '>
					总创建<span class='base_black_grey' id="createcoursenumId">8门 </span>课程 <span class='base_black_grey' id="moocId">2门 </span>Mooc课,<span class='base_black_grey 'id="freecourseId">6门 </span>自由课程
					总共被引用<em id="referencecoursenumId">30</em>次
				</div>
				<div class='clearfix'>
					<span class='style-span'><em class='dot-style color1'></em> 视频</span>
					<span class='style-span'><em class='dot-style color2'></em> 图文</span>
					<span class='style-span'><em class='dot-style color3'></em> 文件</span>
					<span class='style-span'><em class='dot-style color4'></em> 文件夹</span>
					<span class='style-span'><em class='dot-style color5'></em> 互动资源</span>
					<span class='style-span'><em class='dot-style color6'></em> 作业</span>
					<span class='style-span'><em class='dot-style color7'></em> 测验</span>
					<span class='style-span'><em class='dot-style color8'></em> 调查</span>
					<span class='style-span'><em class='dot-style color9'></em> 讨论</span>
					<span class='style-span'><em class='dot-style color10'></em> 三方评价</span>
				</div>
				<div id='course_classification_chart' style='width:100%; height:200px'></div>
			</div>
			<!--切换-->
			<div class='border-style-div'>
				<div class="aui-tab" id="tab">
					<div id="courseitems0" class="course-aui-items aui-tab-item aui-active" onclick="courseClick(0)">
						最新7门课
					</div>
					<div id="courseitems1"  class="course-aui-items aui-tab-item" onclick="courseClick(1)">
						最新15门课
					</div>
					<div id="courseitems2" class="course-aui-items aui-tab-item" onclick="courseClick(2)">
						最新30门课
					</div>
					<div id="courseitems3" class="course-aui-items aui-tab-item" onclick="courseClick(3)">
						全部
					</div>
				</div>
				<div class='base_dark_grey_shallow base_content_font letter-spacing-text '>
					<span id='courseNameId1'>课程名称和课程名2称完成度都都达到<span class='base_black_grey' id='courseScoreId1'>100% </span> 而且考核平均分在<span class='base_black_grey' id='courseScoreId2'>68分以上 </span> </span>
				</div>
				<div  class='base_dark_grey base_tag_font letter-spacing-text' style='margin-top: 10px;'>
					课程名称/课程进度;平均分<span class='right'><em class='dot-style color11'></em> 进度 <em class='dot-style color12'></em> 成绩</span>
				</div>
				<div id='course_score_chart' style='width:100%; height:300px'></div>
			</div>
			<div class='border-style-div'>
				<!--最近6个月学习时间-->
				<div class='base_dark_grey base_content_font letter-spacing-text'>
					最近<span class='base_black_grey'>6个月</span>在线学习时间
				</div>
				<div  class='base_dark_grey base_tag_font letter-spacing-text' style='margin-top: 10px;'>
					月份/学习时间
				</div>
				<div id='course_time_chart' style='width:100%; height:300px'></div>
				<div class='clearfix'>
					<div class='div33'>
						<div class='div-bg-image1'>
							月平均学习时长
							<div id="monthlyaverageId">
								12小时
							</div>
						</div>
					</div>
					<div class='div33'>
						<div class='div-bg-image2'>
							人均学习时长
							<div id="peopletimeId">
								12小时
							</div>
						</div>
					</div>
					<div class='div33'>
						<div class='div-bg-image3'>
							学习最繁忙的月份
							<div id="monthId">
								7>8>9
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class='border-style-div'>
				<div class='base_dark_grey_shallow base_content_font letter-spacing-text'>
					最近<span class='base_black_grey'>6个月</span>日均学习时段分析
				</div>
				<div  class='base_dark_grey base_tag_font letter-spacing-text' style='margin-top: 10px;'>
					时间/学习时间和人数<span class='right'><em class='dot-style color11'></em> 学习时长 <em class='dot-style color12'></em> 人数</span>
				</div>
				<!--时间段学习折线图-->
				<div id='course_time_period_chart' style='width:100%; height:300px'></div>
			</div>
			<div class='border-style-div'>
				<div class='base_dark_grey_shallow base_content_font letter-spacing-text'>
					<span class='base_black_grey' id="learningperiodId">10:00-11:00</span>是学生学习高峰时段，累积学习<span class='base_black_grey'id="learntime">120小时</span>
				</div>
				<div id='time_bucket_chart' style='width:100%; height:200px'></div>
			</div>
			<div class='clearfix fx-div-style' >
				<div class="fx-life-stye life33"><div class="line-right10"></div></div>
				<div class="life33">
					教学分析过程
				</div><div class="fx-life-stye life33"><div class="line-left10"></div></div>
			</div>
			<div class='selectCompany clearfix'>
				<div id='' class='wraptop'>
					<span class='course-span-style base_black_grey base_content_font'>选择课程</span>
					<div class='dropdown right' id='dropdownbtn'>
						<span id='className' class='className'  value='' >师傅端代办事宜师傅端代办事宜师傅端代办事宜师傅端代办事宜师傅端代办事宜师傅端代办事宜师傅端代办事</span>
						<span class='sanjiao'><img src='../../image/icon_competion_down.png' alt=''></span>
					</div>
					<div id='dropdownlist' >
						<!--<ul id = 'classgroup' class='mui-table-view' style='background: #FFFFFF;'>
						<li class='mui-table-view-cell  base_black_grey base_content_font'>师傅端代办事宜师傅端代办事宜师傅端代办事宜师傅端代办事宜师傅端代办事宜师傅端代办事宜师傅端代办事</li>
						<li class='mui-table-view-cell base_black_grey base_content_font'>22222</li>-->
						</ul>
					</div>
				</div>
			</div>
			<div class='div-border-left'>
				出勤率
			</div>
			<div class='border-style-div'>
				<div class="aui-tab" id="tab">
					<div id="attendanceitems0" class="attendance-aui-items aui-tab-item aui-active" onclick="attendanceClick(0)">
						最新7天
					</div>
					<div id="attendanceitems1"  class="attendance-aui-items aui-tab-item" onclick="attendanceClick(1)">
						最新15天
					</div>
					<div id="attendanceitems2" class="attendance-aui-items aui-tab-item" onclick="attendanceClick(2)">
						最新30天
					</div>
					<div id="attendanceitems3" class="attendance-aui-items aui-tab-item" onclick="attendanceClick(3)">
						全部
					</div>
				</div>
				<div class='base_dark_grey_shallow base_content_font letter-spacing-text'>
					一共发起<span class='base_black_grey'>18次</span>签到,累计<span class='base_black_grey'>240人</span>次参加，平均出勤率<span class='base_black_grey'>90%，</span>出勤率最高一天<span class='base_black_grey'>6月18日，100%</span>出勤
				</div>
				<div  class='base_dark_grey base_tag_font letter-spacing-text' style='margin-top: 10px;'>
					时间/百分比
				</div>
				<div id='attendance_chart' style='width:100%; height:300px'></div>
			</div>
			<div class='div-border-height' >
				<div class='div-border-left'>
					活跃度
				</div>
			</div>
			<div class='border-style-div'>
				<div class='base_dark_grey_shallow base_content_font letter-spacing-text'>
					共发起<span class='base_black_grey'>40次</span>
					活动，平均参与度<span class='base_black_grey'>60%</span>，
					提问使用频次最高，最活跃的一天是<span class='base_black_grey'>6月8日</span>，
					使用活动<span class='base_black_grey'>6次</span>，活跃度<span class='base_black_grey'>100%</span>
				</div>
				<div  class='base_dark_grey base_tag_font letter-spacing-text' style='margin-top: 10px;'>
					类型/次数
				</div>
				<div id='liveness_chart' style='width:100%; height:300px'></div>
			</div>
			<div class='border-style-div' >
				<div class="aui-tab" id="tab">
					<div id="statisticalDayitems0" class="statistical-day-aui-items aui-tab-item aui-active" onclick="statisticalDayClick(0)">
						最新7门课
					</div>
					<div id="statisticalDayitems1"  class="statistical-day-aui-items aui-tab-item" onclick="statisticalDayClick(1)">
						最新15门课
					</div>
					<div id="statisticalDayitems2" class="statistical-day-aui-items aui-tab-item" onclick="statisticalDayClick(2)">
						最新30门课
					</div>
					<div id="statisticalDayitems3" class="statistical-day-aui-items aui-tab-item" onclick="statisticalDayClick(3)">
						全部
					</div>
				</div>
				<div  class='base_dark_grey base_tag_font letter-spacing-text' >
					日期/堆积数量和百分比<span class='right'><em class='dot-style color4'></em> 提问 <em class='dot-style color11'></em> 调查<em class='dot-style color2'></em> 讨论 <em class='dot-style color8'></em> 投票 <em class='dot-style color3'></em> 互评</span>
				</div>
				<div id='statistical_day_chart' style='width:100%; height:300px'></div>
				<div class="base_dark_grey_shallow  base_tag_font " style="text-align: center">
					(日活跃度)
				</div>
			</div>
			<div class='div-border-left'>
				学习态度
			</div>
			<div class='border-style-div'>
				<div  class='base_dark_grey base_tag_font letter-spacing-text' >
					日期/时长
				</div >
				<div id='learning_time_chart' style='width:100%; height:300px'></div>
				<div class="base_dark_grey_shallow  base_tag_font " style="text-align: center;margin-bottom: 10px;">
					(学习时长)
				</div>
				<div class='clearfix'>
					<div class='div33'>
						<div class='div-bg-image1'>
							总学习时长
							<div>
								12小时
							</div>
						</div>
					</div>
					<div class='div33'>
						<div class='div-bg-image2'>
							日均学习时长
							<div>
								12小时
							</div>
						</div>
					</div>
					<div class='div33'>
						<div class='div-bg-image3'>
							学习最活跃时间
							<div>
								7>8>9
							</div>
						</div>
					</div>
				</div>
			</div >
			<div class='border-style-div'>
				<div class='base_dark_grey_shallow base_content_font letter-spacing-text '>
					<span>作业</span>学习时间最多，占总时长<span class='base_black_grey '>40%</span>, <span> 图文</span>学习时间最少，占总时长<span class='base_black_grey '>10%</span>
				</div>
				<div class='clearfix'>
					<span class='style-span'><em class='dot-style color1'></em> 视频</span>
					<span class='style-span'><em class='dot-style color2'></em> 图文</span>
					<span class='style-span'><em class='dot-style color3'></em> 文件</span>
					<span class='style-span'><em class='dot-style color4'></em> 文件夹</span>
					<span class='style-span'><em class='dot-style color5'></em> 互动资源</span>
					<span class='style-span'><em class='dot-style color6'></em> 作业</span>
					<span class='style-span'><em class='dot-style color7'></em> 测验</span>
					<span class='style-span'><em class='dot-style color8'></em> 调查</span>
					<span class='style-span'><em class='dot-style color9'></em> 讨论</span>
					<span class='style-span'><em class='dot-style color10'></em> 三方评价</span>
				</div>
				<div id='learning_time_pie_chart' style='width:100%; height:200px'></div>
				<div class="base_dark_grey_shallow  base_tag_font " style="text-align: center;margin-bottom: 10px;">
					(学习时间分布)
				</div>
			</div>
			<div class='border-style-div'>
				<div class='base_dark_grey_shallow base_content_font letter-spacing-text'>
					一共布置<span class='base_black_grey'>8次</span>，提交<span class='base_black_grey'>240人次</span>，平均提交率<span class='base_black_grey'>60%</span>
					大部分同学倾向于在<span class='base_black_grey'>作业截止日期前1天</span>提交作业
				</div>
				<div  class='base_dark_grey base_tag_font letter-spacing-text'  style="margin-top: 10px;">
					天数/次数
				</div>
				<div id='work_chart' style='width:100%; height:300px'></div>
			</div>
			<div class='div-border-left'>
				学习效果
			</div>
			<div class='border-style-div'>
				<div class='base_dark_grey_shallow base_content_font letter-spacing-text'>
					一共布置<span class='base_black_grey'>8次</span>作业，共提交<span class='base_black_grey'>300份</span>，平均分<span class='base_black_grey'>68分</span>
					主要得分集中在<span class='base_black_grey'>80~89分</span>区间《作业名称》得分最高，《作业名称》得分最低
				</div>
				<div class='base_dark_grey_shallow base_content_font letter-spacing-text top_10 bottom_10'>
					<em class='dot-style color2'></em> 60分以下 <em class='dot-style color5'></em> 60-69分 <em class='dot-style color7'></em> 70-79分 <em class='dot-style color10'></em> 80-89分 <em class='dot-style color6'></em> 90-100分
				</div>
				<div id='grade_chart' style='width:100%; height:200px'></div>
				<div class="div_divider"></div>
				<div  class='base_dark_grey base_tag_font letter-spacing-text' style='margin-top: 10px;'>
					作业名称/分数 <span class='right'><em class='dot-style color8'></em> 最高分 <em class='dot-style color2'></em> 最低分 <em class='dot-style color11'></em> 平均分</span>
				</div>
				<div id='evaluation_chart' style='width:100%; height:300px'></div>
			</div>
		</div>
	</body>
	<script type='text/javascript' src='../../script/api.js'></script>
	<script type='text/javascript' src='../../script/MD5.js'></script>
	<script src='../../script/jquery.min.js' type='text/javascript'></script>
	<script type='text/javascript' src='../../script/requestTool.js'></script>
	<script type='text/javascript' src='../../script/echarts.min.js'></script>
	<script src='../../script/common.js'></script>
	<script src='TeacherTeachingAchievementsjs.js'></script>
	<script type='text/javascript'>
		setAttendanceData();
		setLivenessData();
		setLearnAttitudeData();
		setEvaluationChart();
		setCourseData();
		courseTimeChart();
		courseScoreData();
		//课程成绩
		attendanceDayData();
		apiready = function() {
		    loadCourseData();
			dropdownClick();
		};
		function courseClick(itemIndex) {
			if (!$('#courseitems' + itemIndex).hasClass('aui-active')) {
				$('.course-aui-items').removeClass('aui-active');
				$('#courseitems' + itemIndex).addClass('aui-active');
				// setupGroupIndex(itemIndex);
				//切换导航栏
				switch (itemIndex) {
					case 0:
						//7天
						break;
					case 1:
						//15
						break;
					case 2:
						//30
						break;
					case 3:
						//全部
						break;
					default:
						break;
				}
			}
		}

		//出钱率的点击
		function attendanceClick(itemIndex) {
			if (!$('#attendanceitems' + itemIndex).hasClass('aui-active')) {
				$('.attendance-aui-items').removeClass('aui-active');
				$('#attendanceitems' + itemIndex).addClass('aui-active');
				// setupGroupIndex(itemIndex);
				//切换导航栏
				switch (itemIndex) {
					case 0:
						//7天
						break;
					case 1:
						//15
						break;
					case 2:
						//30
						break;
					case 3:
						//全部
						break;
					default:
						break;
				}
			}
		}

		//活跃度的切换
		function statisticalDayClick(itemIndex) {
			if (!$('#statisticalDayitems' + itemIndex).hasClass('aui-active')) {
				$('.statistical-day-aui-items').removeClass('aui-active');
				$('#statisticalDayitems' + itemIndex).addClass('aui-active');
				// setupGroupIndex(itemIndex);
				//切换导航栏
				switch (itemIndex) {
					case 0:
						//7天
						break;
					case 1:
						//15
						break;
					case 2:
						//30
						break;
					case 3:
						//全部
						break;
					default:
						break;
				}
			}
		}

		//获取课程列表列表
		function loadCourseData() {
			showProgress();
			var params = {
				uid : $api.getStorage('cfnetppuid'),
			};
			//									alert(JSON.stringify(params));
			cfnetppPOST(url_courseAll, params, true, function(data, status) {
				//																alert(JSON.stringify(data));
				api.hideProgress();
				api.refreshHeaderLoadDone();
				if (status == 'success') {
					if (data.code == 200) {
						var list = data.data;
						if (list != undefined && list != '') {
							var classHtmlString = '';
							for (var i = 0; i < list.length; i++) {
								var classData = list[i];
								classHtmlString += htmlStringWithNames(classData);
							}
							$('#dropdownlist').html(classHtmlString);
							setupClassCellClick();
							$("#className").text(enterprise_list[0].names);
						}
					} else {//没有课程
					}
				} else {//网络链接失败
				}
			});
		}

		//拼接企业列表
		function htmlStringWithNames(classgroup) {
			return '<div classgroupid="' + classgroup.id + '" >' + classgroup.coursename + '</div>';
		}

		function dropdownClick() {
			// 点击出下拉菜单
			$("#dropdownbtn").click(function() {
				$('#dropdownlist').toggle();
			});
		}

		function setupClassCellClick() {
			$('#dropdownlist div').unbind('click');
			$('#dropdownlist div').click(function() {
				//				 $('#dropdownlist').toggleClass('show');
				$('#dropdownlist').toggle();
				$("#className").text($(this).text());
				sxqyid = $(this).attr('classgroupid');
				
			});
		}
		//添加课程相关数据
		function addcourseData(data){
		  $('#coursenumId').html(data.course);
		  $('#studentumId').html(data.students);
		  $('#timenumId').html(data.Onlinetime);

		   setCourseData(data);
		}
		
	</script>
</html>